<template>
<div class="wrap">
    <router-view class="content">内容块</router-view>
    <div class="nav">
        <router-link to="/home">首页</router-link>
        <router-link to="/member">会员杂锦</router-link>
        <router-link to="/class">分类</router-link>
        <router-link to="/shop">购物车</router-link>
        <router-link to="/my">我的</router-link>
    </div>
</div>
</template>

<style type="text/css" lang="less">
	@import './common/css/reset.css';
	.content{
		/*background: green;*/
		padding-bottom: 50px;
		font-size: 26px;
	}
	.nav{
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		border-top: 1px solid #ccc;
		background: white;
		a{
			flex:1;
			display: block;
			text-align: center;
			line-height: 50px;
			color: black;
		}
	}
</style>